<template>
  <a href="javascript:;" class="play s-bg" title="播放" @mousedown="play(data)"></a>
</template>

<script>
import addAndPlaySongMixin from "@/baseFnMixin/playlist/addAndPlaySongMixin.js";

export default {
  name: "PlayIcon",
  props: { data: { type: Object } },
  setup() {
    const play = addAndPlaySongMixin();

    return {
      play,
    };
  },
};
</script>

<style scoped lang="less">
.play {
  float: left;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  background-position: -267px -268px;
  &:hover {
    background-position: -267px -288px;
  }
}
</style>
